﻿<!DOCTYPE HTML>
<!--
	Landed by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head> 
		<link rel="shortcut icon" href="favicon.ico" />
        <audio src="mengzhan.mp3" autoplay="autoplay" loop hidden></audio>		
<title>渚-一个爱分享的小孩</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="assets/css/main.css" />
		<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
		<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
	</head>
	<body class="landing">
		<div id="page-wrapper">

			<!-- Header -->
				<header id="header">
					<h1 id="logo"><a href="index.html">渚</a></h1>
					<nav id="nav">
						<ul>
							<li><a href="index.html">首页</a></li>
							<li><a href="https://wall.alphacoders.com/?lang=Chinese">推荐壁纸</a>
					        <li><a href="https://imyshare.com/">实用导航</a></li>
							<li><a href="https://space.bilibili.com/66606426" target="_blank" class="button special">关于我</a></li>
						</ul>
					</nav>
				</header>

			<!-- Banner -->
				<section id="banner">
					<div class="content">
						<header>
							<h2>渚</h2>
							<p>真正的东西都是非常简单的<br />
								前天看到了小兔，昨天是小鹿，今天是你</p>
						</header>
						<span class="image"><img src="images/head_portrait.jpg" alt="渚" /></span>
					</div>
					<a href="#one" class="goto-next scrolly">Next</a>
				</section>

			<!-- One -->
				<section id="one" class="spotlight style1 bottom">
					<span class="image fit main"><img src="images/pic001.jpg" alt="关于渚" /></span>
					<div class="content">
						<div class="container">
							<div class="row">
								<div class="4u 12u$(medium)">
									<header>
										<h2>关于渚</h2>
										<p>	性格比较内向。总是替他人着想，为人既温柔又坚强。</p>
									</header>
								</div>
								<div class="4u 12u$(medium)">
									<p>公告：
									<br />我不去想，是否能够成功 ，既然选择了远方 ，便只顾风雨兼程。
									</p>
								</div>
								<div class="4u$ 12u$(medium)">
									<p>CLANNAD经典语录
									<br />人生即是到来,相遇,陪伴,离开
									<br />这一切并非所愿，但我们并不悲伤
									<br />读作CL，译作经典，写作人生
                                    <br />如果能努力的话，就去努力吧！
                                    </p>
								</div>
							</div>
						</div>
					</div>
					<a href="#two" class="goto-next scrolly">Next</a>
				</section>

			<!-- Two -->
				<section id="two" class="spotlight style2 right">
					<span class="image fit main"><img src="images/pic002.jpg" alt="" /></span>
					<div class="content">
						<header>
							<h2>超浪漫的短片</h2>
						</header>
						<ul class="actions">
							<li><a href="https://www.bilibili.com/video/BV1DK4y197pU?share_source=copy_web" class="button">由此进入</a></li>
						</ul>
					</div>
					<a href="#three" class="goto-next scrolly">Next</a>
				</section>

			<!-- Three -->
				<section id="three" class="spotlight style3 left">
					<span class="image fit main bottom"><img src="images/pic003.jpg" alt="" /></span>
					<div class="content">
						<header>
							<h2>萌次元</h2>
							<p>一个我最喜欢的的版块。</p>
						</header>
						<p>各种动漫影视的观看，导航网站，只要是动漫风的网页都很喜欢	</p>
						<ul class="actions">
							<li><a href="https://www.555dy8.com/vodtype/4.html" class="button">由此进入</a></li>
						</ul>
					</div>
					<a href="#four" class="goto-next scrolly">Next</a>
				</section>

			<!-- Five -->
				<section id="five" class="wrapper style2 special fade">
					<div class="container">
						<header>
							<h2>联系方式</h2>
							<p>这里是我的联系方式呢.</p>
						</header>
						</div>
		
					<p>邮箱：1533106433@qq.com</p>
					<p>微信：13339244010</p>
				    <p>QQ：1533106433</p>
					</div>
				</section>						
					</ul>
				</footer>

		</div>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?896657cfd762627291ee7bf931a8b164";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/jquery.dropotron.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/util.js"></script>
			<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="assets/js/main.js"></script>

	</body>